//第一个参数表示：属性
//第二个参数表示：值
//第三个参数表示：可选，表示可以使用的前缀列表。默认值是前部前缀
@mixin prefix($property,$value,$vendors:webkit moz ms o){
    @if $vendors {
        @each $vendor in $vendors{
            #{"-" + $vendor + "-" + $property} : #{$value};
        }
    }
    #{$property}: #{$value};
}

//弹性布局
@mixin flex($v: null,$h: null,$w: null,$a: null){
    display: flex;
    justify-content: $h;
    align-items: $v;
    flex-wrap: $w;
    align-content: $a;
}

